@media (min-width:300px) and (max-width:480px)  { 
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 


    #lbl-title-login{
        font-size: 14px;
    }

    .input-login{
        font-size:5rem;
        margin-top:5%;
        
    }
    
    .btn-login{
        margin-top:10%;
        font-size:30px;
        height: 100px;
    }

    #blocofrm {

        background-color: transparent;
        margin-top: 2rem !important;
    }

    #bemvindo{
        color:blue;
        font-size: 30px;
        font-weight: bold;

    } 

    #lbl-title{
        color:black;
        font-size: 20px;
        font-weight: bold;
    }

    #tab_rodape{
                
        width: 100%;
        height: 60px;
        background-image: linear-gradient(to right,#4d13d1, #59abe3);
        padding: 10px 10px 30px 10px;
        bottom: 0;
        margin-left: 0;
        text-align: center;
        color:#fff;
        position: bottom;
        position: absolute;
        margin-bottom: auto;
        
                   
    }    

    #btn-login{
        color: #fff;
        font-size: 30px;
    } 
    
}

@media (min-width:300px) and (orientation:landscape)  { 
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 


    #lbl-title-login{
        font-size: 14px;
    }

    .input-login{
        font-size:5rem;
        margin-top:5%;
        
    }
    
    .btn-login{
        margin-top:10%;
        font-size:30px;
        height: 100px;
    }

    #blocofrm {

        background-color: transparent;
        margin-top: 8rem !important;
    }

    #bemvindo{
        color:blue;
        font-size: 30px;
        font-weight: bold;

    } 

    #lbl-title{
        color:black;
        font-size: 20px;
        font-weight: bold;
    }

    #tab_rodape{
                
        width: 100%;
        height: 60px;
        background-image: linear-gradient(to right,#4d13d1, #59abe3);
        padding: 10px 10px 30px 10px;
        bottom: 0;
        margin-left: 0;
        text-align: center;
        color:#fff;
        position: bottom;
        position: absolute;
        margin-bottom: auto;
        
                   
    }    

    #btn-login{
        color: #fff;
        font-size: 30px;
    } 
    
}

@media (min-width:481px) and (max-width:800px)  { 
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
    #lbl-title-login{
        font-size: 14px;
    }

    .input-login{
        font-size:5rem;
        margin-top:5%;
        
    }
    
    .btn-login{
        margin-top:10%;
        font-size:30px;
        height: 100px;
    }

    #blocofrm {

        background-color: transparent;
        margin-top: 2rem !important;
    }

    #bemvindo{
        color:blue;
        font-size: 30px;
        font-weight: bold;

    } 

    #lbl-title{
        color:black;
        font-size: 20px;
        font-weight: bold;
    }

    #tab_rodape{
                
        width: 100%;
        height: 60px;
        background-image: linear-gradient(to right,#4d13d1, #59abe3);
        padding: 10px 10px 30px 10px;
        bottom: 0;
        margin-left: 0;
        text-align: center;
        color:#fff;
        position: bottom;
        position: absolute;
        margin-bottom: auto;
        
                   
    }    

    #btn-login{
        color: #fff;
        font-size: 30px;
    } 
    
    
}
@media (min-width:801px) and (orientation:portrait)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    
    #lbl-title-login{
        font-size: 14px;
    }

    .input-login{
        font-size:5rem;
        margin-top:5%;
        
    }
    
    .btn-login{
        margin-top:10%;
        font-size:30px;
        height: 100px;
    }

    #blocofrm {

        background-color: transparent;
        margin-top: 2rem !important;
    }

    #bemvindo{
        color:blue;
        font-size: 30px;
        font-weight: bold;

    } 

    #lbl-title{
        color:black;
        font-size: 20px;
        font-weight: bold;
    }

    #tab_rodape{
                
        width: 100%;
        height: 60px;
        background-image: linear-gradient(to right,#4d13d1, #59abe3);
        padding: 10px 10px 30px 10px;
        bottom: 0;
        margin-left: 0;
        text-align: center;
        color:#fff;
        position: bottom;
        position: absolute;
        margin-bottom: auto;
        
                   
    }    

    #btn-login{
        color: #fff;
        font-size: 30px;
    } 
    
}

@media (min-width:1025px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 

    

    #blocofrm {

        background-color: transparent;
        margin-top: 15rem !important;
    }

    #bemvindo{
        color:blue;
        font-size: 30px;
        font-weight: bold;
    } 

    #lbl-title{
        color:black;
        font-size: 20px;
        font-weight: bold;
    }

    #tab_rodape{
                
        width: 100%;
        height: 30px;
        background-image: linear-gradient(to right,#4d13d1, #59abe3);
        padding: 10px 10px 30px 10px;
        bottom: 0;
        margin-left: 0;
        text-align: center;
        color:#fff;
        position: bottom;
        position: absolute;
        margin-bottom: auto;
        
                   
    }    

    #btn-login{
        color: #fff;
        font-size: 30px;
    }
}